/* 初始化样式
------------------------------- */
* 
	margin 0
	padding 0
	box-sizing border-box
	outline none !important

:root 
	--next-bg-main-color #f8f8f8
	--next-bg-color #f5f5ff
	--next-border-color-light #f1f2f3
	--next-color-primary-lighter #ecf5ff
	--next-color-dark-hover #0000001a
	--next-color-menu-hover rgba(0, 0, 0, 0.1)
	--next-color-user-hover rgba(0, 0, 0, 0.04)
	--next-color-seting-main #e9eef3
	--next-color-seting-aside #d3dce6
	--next-color-seting-header #b3c0d1

html,
body,
#app 
	margin 0
	padding 0
	width 100%
	height 100%
	font-family Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif
	font-weight 400
	-webkit-font-smoothing antialiased
	-webkit-tap-highlight-color transparent
	background-color var(--next-bg-main-color)
	font-size 14px
	overflow hidden
	position relative

/* 主布局样式
------------------------------- */
.layout-container 
	width 100%
	height 100%
	.layout-aside 
		background var(--next-bg-menuBar)
		box-shadow 2px 0 6px rgb(0 21 41 / 1%)
		height inherit
		position relative
		z-index 1
		display flex
		flex-direction column
		overflow-x hidden !important
		.el-scrollbar__view 
			overflow hidden
	.layout-header 
		padding 0 !important
	.layout-main 
		padding 0 !important
		overflow hidden
		width 100%
		background-color var(--next-bg-main-color)
	.el-scrollbar 
		width 100%
	// 此字段多次用到，建议不删除，如需修改，请重写覆盖样式
	.layout-view-bg-white 
		background var(--el-color-white)
		width 100%
		height 100%
		border-radius 4px
		border 1px solid var(--el-border-color-light, #ebeef5)
	.layout-el-aside-br-color 
		border-right 1px solid var(--el-border-color-light, #ebeef5)
	// pc端左侧导航样式
	.layout-aside-pc-220 
		width 220px !important
		transition width 0.3s ease
	.layout-aside-pc-64 
		width 64px !important
		transition width 0.3s ease
	.layout-aside-pc-1 
		width 1px !important
		transition width 0.3s ease
	// 手机端左侧导航样式
	.layout-aside-mobile 
		position fixed
		top 0
		left -220px
		width 220px
		z-index 9999999
	.layout-aside-mobile-close 
		left -220px
		transition all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1)
	.layout-aside-mobile-open 
		left 0
		transition all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1)
	.layout-aside-mobile-mode 
		position fixed
		top 0
		right 0
		bottom 0
		left 0
		height 100%
		background-color rgba(0, 0, 0, 0.5)
		z-index 9999998
		animation error-img 0.3s
	.layout-scrollbar 
		overflow hidden
		position relative
		height 100%
		padding 15px
	.layout-mian-height-50 
		height calc(100vh - 50px)
	.layout-columns-warp 
		flex 1
		display flex
		overflow hidden
	.layout-hide 
		display none

/* element plus 全局样式
------------------------------- */
.layout-breadcrumb-seting 
	.el-divider 
		background-color rgb(230, 230, 230)

/* nprogress 进度条跟随主题颜色
------------------------------- */
#nprogress 
	.bar 
		background var(--el-color-primary) !important
		z-index 9999999 !important

/* flex 弹性布局
------------------------------- */
.flex 
	display flex
.flex-auto 
	flex 1
	overflow hidden
.flex-center 
	@extends .flex
	flex-direction column
	width 100%
	overflow hidden
.flex-margin 
	margin auto
.flex-warp 
	display flex
	flex-wrap wrap
	align-content flex-start
	margin 0 -5px
	.flex-warp-item 
		padding 5px
		.flex-warp-item-box 
			width 100%
			height 100%

/* cursor 鼠标形状
------------------------------- */
// 默认
.cursor-default 
	cursor default !important
// 帮助
.cursor-help 
	cursor help !important
// 手指
.cursor-pointer 
	cursor pointer !important
// 移动
.cursor-move 
	cursor move !important

/* 宽高 100%
------------------------------- */
.w100 
	width 100% !important
.h100 
	height 100% !important
.vh100 
	height 100vh !important
.max100vh
	max-height 100vh !important
.min100vh
	min-height 100vh !important

/* 颜色值
------------------------------- */
.color-primary
	color var(--el-color-primary)
.color-success
	color var(--el-color-success)
.color-warning
	color var(--el-color-warning)
.color-danger
	color var(--el-color-danger)
.color-info
	color var(--el-color-info)

/* 字体大小全局样式
------------------------------- */
for i in (10..32)
	.font_{i}
		font-size unit(i,'px') !important

/* 外边距、内边距全局样式
------------------------------- */
for i in (10..40)
	.mt_{i}
		margin-top unit(i,'px') !important
	.mr_{i}
		margin-right unit(i,'px') !important
	.mb_{i}
		margin-bottom unit(i,'px') !important
	.ml_{i}
		margin-left unit(i,'px') !important
	.pt_{i}
		padding-top unit(i,'px') !important
	.pr_{i}
		padding-right unit(i,'px') !important
	.pb_{i}
		padding-bottom unit(i,'px') !important
	.pl_{i}
		padding-left unit(i,'px') !important